restructured files

1 files changed, 50 insertions, 0 deletions

diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx
new file mode 100644
index 0000000..3e2b1f0
--- /dev/null
+++ b/src/app/anime/[id]/page.jsx
@@ -0,0 +1,50 @@
+import "./info.css";
+import Image from "next/image";
+import Link from "next/link";
+
+export default async function AnimeInfo({ params }) {
+	let animeID = params.id;
+
+	const info = await getAnimeInfo(animeID);
+
+	return (
+		<div className="dramaInfoContainer">
+			<div className="dramaInfo">
+				{info && (
+					<div>
+						<div className="titleContainer">
+							<p>{info.title}</p>
+							<Image
+								src={info.image}
+								width={140}
+								height={190}
+								alt="Drama"
+							/>
+						</div>
+						<p className="animeDescription">{info.description}</p>
+					</div>
+				)}
+
+				<div className="buttonContainer">
+					{info &&
+						info.episodes.map((item, index) => (
+							<Link href={`/anime/watch/${item.id}`} key={index}>
+								<button className="dramaButton">
+									{item.number}
+								</button>
+							</Link>
+						))}
+				</div>
+			</div>
+		</div>
+	);
+}
+
+async function getAnimeInfo(anime_id) {
+	const res = await fetch(
+		"https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id,
+		{ next: { revalidate: 1800 } }
+	);
+	const data = res.json();
+	return data;
+}